import React from 'react'

export default function HomePage(props) {
  return (
    <div id="main">
      <div className="main-frame">
        <div className="main-viewport">
          {/* vacation private content=s  */}
          <div className="body nofoot">
            <div className="service_box">
              <div className="entry_bg">
                <img
                  className="entry_bg_pic"
                  src="http://pic.c-ctrip.com/VacationH5Pic/group_travel/index/topbg.png"
                />
                <div className="accredit_box">
                  {/*<p class="accredit_y">20009359</p>*/}
                  <p>客人还没有授权你下单哦～</p>
                  <span className="accredit_btn">
                    <i>申请授权</i>
                  </span>
                </div>
              </div>
              <div className="browsing_box">
                <p className="browsing_title">最近浏览</p>
                <p className="browsing_txt">
                  <span>
                    美国西海岸+洛杉矶+拉斯维加斯9日7晚跟团游(3钻)美国西海岸+洛杉矶+拉斯维加斯9日7晚跟团游(3钻)美国西海岸+洛杉矶+拉斯维加斯9日7晚跟团游(3钻)
                  </span>
                </p>
                <div className="browsing_price">
                  <span className="browsing_price_box">
                    <dfn>¥</dfn>
                    <strong>2500</strong>
                    <em>起</em>
                  </span>
                  <div className="price_num_box">
                    <span className="browsing_price_num">佣金¥500</span>
                    <span className="browsing_price_money">风险金¥500</span>
                  </div>
                </div>
                <p className="browsing_more">
                  <span>更多</span>
                </p>
              </div>
            </div>
            <div className="seckill_index">
              <div className="new_search">
                <div className="index_search">
                  <div className="search_col native_box">
                    <div className="starting">
                      <span id="g_depart" data-id={2}>
                        上海
                      </span>
                    </div>
                    <div className="search_mod">
                      <input
                        className="new_search"
                        type="text"
                        defaultValue="目的地/关键字"
                      />
                    </div>
                  </div>
                </div>
                <div className="two_ent_box basefix">
                  <a href="###" className="icon">
                    <em
                      style={{
                        backgroundImage:
                          'url(http://pic.c-ctrip.com/VacationH5Pic/group_travel/index/big1.png)'
                      }}
                    />跟团游
                  </a>
                  <a href="###" className="icon">
                    <em
                      style={{
                        backgroundImage:
                          'url(http://pic.c-ctrip.com/VacationH5Pic/group_travel/index/big2.png)'
                      }}
                    />目的地参团
                  </a>
                  <a href="###" className="icon">
                    <em
                      style={{
                        backgroundImage:
                          'url(http://pic.c-ctrip.com/VacationH5Pic/group_travel/index/big3.png)'
                      }}
                    />自由行
                  </a>
                  <a href="###" className="icon">
                    <em
                      style={{
                        backgroundImage:
                          'url(http://pic.c-ctrip.com/VacationH5Pic/group_travel/index/big4.png)'
                      }}
                    />游轮
                  </a>
                  <a href="###" className="icon">
                    <em
                      style={{
                        backgroundImage:
                          'url(http://pic.c-ctrip.com/VacationH5Pic/group_travel/index/big5.png)'
                      }}
                    />
                    <span className="jia_text">机票</span>
                  </a>
                  <a href="###" className="icon">
                    <em
                      style={{
                        backgroundImage:
                          'url(http://pic.c-ctrip.com/VacationH5Pic/group_travel/index/big6.png)'
                      }}
                    />
                    <span className="jia_text">酒店</span>
                  </a>
                  <a href="###" className="icon">
                    <em
                      style={{
                        backgroundImage:
                          'url(http://pic.c-ctrip.com/VacationH5Pic/group_travel/index/big7.png)'
                      }}
                    />
                    <span>游学</span>
                  </a>
                  <a href="###" className="icon">
                    <em
                      style={{
                        backgroundImage:
                          'url(http://pic.c-ctrip.com/VacationH5Pic/group_travel/index/big8.png)'
                      }}
                    />
                    <span className="jia_gray">敬请期待</span>
                  </a>
                </div>
              </div>
              <div className="valet_orders_box">
                <div className="valet_orders">
                  <div className="valet_orders_pic" />
                  <div className="valet_orders_content">
                    <h4>为您推荐</h4>
                    <p>帮我下单，佣金我拿</p>
                  </div>
                </div>
              </div>
              {/* 广告=s */}
              <div className="abtesting_ad border1px_scaley">
                <div className="pic_left">
                  <img
                    src="http://images3.c-ctrip.com/dj/201512/cj/cjapp_370x370.jpg"
                    width="410px"
                    alt
                  />
                </div>
                <div className="pic_right">
                  <img
                    src="http://images3.c-ctrip.com/dj/201512/bj/w2app_370x185.jpg"
                    alt
                  />
                </div>
                <div className="pic_right border1px_scale_t">
                  <img
                    src="http://images3.c-ctrip.com/dj/app/201601/appbj_370_185.jpg"
                    alt
                  />
                </div>
                <div className="pic_bottom border1px_scaley">
                  <img
                    src="http://images3.c-ctrip.com/dj/app/201601/appbj_750_150.jpg"
                    alt
                  />
                </div>
                <div className="new_pic_left">
                  <img
                    src="http://pic.c-ctrip.com/h5/group_travel/ad_01.jpg"
                    alt
                  />
                </div>
                <div className="pic_right">
                  <img
                    src="http://pic.c-ctrip.com/h5/group_travel/ad_02.jpg"
                    alt
                  />
                </div>
              </div>
              {/* 广告=e */}
              <div className="bourn_box">
                <h2>
                  热门目的地<span>更多</span>
                </h2>
                <div className="bourn_content basefix">
                  <p>
                    <a href="###">
                      <span className="cityname">
                        泰国泰国泰国泰国泰国泰国泰国
                      </span>
                    </a>
                  </p>
                  <p>
                    <a href="###">
                      <span className="cityname">日本</span>
                    </a>
                  </p>
                  <p>
                    <a href="###">
                      <span className="cityname">韩国</span>
                    </a>
                  </p>
                  <p>
                    <a href="###">
                      <span className="cityname">云南</span>
                    </a>
                  </p>
                  <p>
                    <a href="###">
                      <span className="cityname">三亚</span>
                    </a>
                  </p>
                  <p>
                    <a href="###">
                      <span className="cityname">香港</span>
                    </a>
                  </p>
                </div>
              </div>
              <div className="edition_box">
                <ul className="edition_tab">
                  <li className="cur">限时高返</li>
                  <li>大家都在买</li>
                </ul>
                <div className="edition_item">
                  <ul className="basefix">
                    <li>
                      <a href="###">
                        <div className="sale_img">
                          <img
                            src="http://pic.c-ctrip.com/VacationH5Pic/group_travel/index/001.png"
                            alt
                          />
                          <div className="sale_text">
                            <span className="sale_text_two">
                              <i>风险金</i>¥5000
                            </span>
                          </div>
                        </div>
                        <div className="edition_text">
                          <h3>
                            CityWalks城市徒步·发现上海[上海出发]韩国首尔+江原道4日跟团游(3钻)·明洞+乐天
                            1日+[上海出发]韩国首尔+江原道4日跟团游(3钻)·明洞+乐天
                            1日+[上海出发]韩国首尔+江原道4日跟团游(3钻)·明洞+乐天
                            1日+[上海出发]韩国首尔+江原道4日跟团游(3钻)·明洞+乐天
                            1日+[上海出发]韩国首尔+江原道4日跟团游(3钻)·明洞+乐天
                            1日+[上海出发]韩国首尔+江原道4日跟团游(3钻)·明洞+乐天
                            1日+
                          </h3>
                          <div className="basefix">
                            <span className="limited_sale_price">实时计价</span>
                          </div>
                        </div>
                      </a>
                    </li>
                    <li>
                      <a href="###">
                        <div className="sale_img">
                          <img
                            src="http://pic.c-ctrip.com/VacationH5Pic/group_travel/index/001.png"
                            alt
                          />
                          <div className="sale_text">
                            <span className="sale_text_one">
                              <i>佣金</i>¥5000
                            </span>
                            <span className="sale_text_two">
                              <i>风险金</i>¥5000
                            </span>
                          </div>
                          <div className="edition_text">
                            <h3>
                              [上海出发]韩国首尔+江原道4日跟团游(3钻)·明洞+乐天
                              1日+
                            </h3>
                            <div className="basefix">
                              <span className="limited_sale_price">
                                <dfn>¥</dfn>
                                <strong>2500</strong>
                                <em>起</em>
                              </span>
                            </div>
                          </div>
                        </div>
                      </a>
                    </li>
                    <li>
                      <a href="###">
                        <div className="sale_img">
                          <img
                            src="http://pic.c-ctrip.com/VacationH5Pic/group_travel/index/001.png"
                            alt
                          />
                          <div className="sale_text">
                            <span className="sale_text_one">
                              <i>佣金</i>¥5000
                            </span>
                          </div>
                          <div className="edition_text">
                            <h3>
                              [上海出发]韩国首尔+江原道4日跟团游(3钻)·明洞+乐天
                              1日+
                            </h3>
                            <div className="basefix">
                              <span className="limited_sale_price">
                                <dfn>¥</dfn>
                                <strong>2500</strong>
                                <em>起</em>
                              </span>
                            </div>
                          </div>
                        </div>
                      </a>
                    </li>
                    <li>
                      <a href="###">
                        <div className="sale_img">
                          <img
                            src="http://pic.c-ctrip.com/VacationH5Pic/group_travel/index/001.png"
                            alt
                          />
                        </div>
                        <div className="edition_text">
                          <h3>
                            [上海出发]韩国首尔+江原道4日跟团游(3钻)·明洞+乐天
                            1日+
                          </h3>
                          <div className="basefix">
                            <span className="limited_sale_price">
                              <dfn>¥</dfn>
                              <strong>2500</strong>
                              <em>起</em>
                            </span>
                          </div>
                        </div>
                      </a>
                    </li>
                    <li>
                      <a href="###">
                        <div className="sale_img">
                          <img
                            src="http://pic.c-ctrip.com/VacationH5Pic/group_travel/index/001.png"
                            alt
                          />
                        </div>
                        <div className="edition_text">
                          <h3>
                            [上海出发]韩国首尔+江原道4日跟团游(3钻)·明洞+乐天
                            1日+
                          </h3>
                          <div className="basefix">
                            <span className="limited_sale_price">
                              <dfn>¥</dfn>
                              <strong>2500</strong>
                              <em>起</em>
                            </span>
                          </div>
                        </div>
                      </a>
                    </li>
                    <li>
                      <a href="###">
                        <div className="sale_img">
                          <img
                            src="http://pic.c-ctrip.com/VacationH5Pic/group_travel/index/001.png"
                            alt
                          />
                        </div>
                        <div className="edition_text">
                          <h3>
                            [上海出发]韩国首尔+江原道4日跟团游(3钻)·明洞+乐天
                            1日+
                          </h3>
                          <div className="basefix">
                            <span className="limited_sale_price">
                              <dfn>¥</dfn>
                              <strong>2500</strong>
                              <em>起</em>
                            </span>
                          </div>
                        </div>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
              <div className="edition_box">
                <h2 className="everyone">
                  <span>大家都在买</span>
                </h2>
                <div className="edition_item">
                  <ul className="basefix">
                    <li>
                      <a href="###">
                        <div className="sale_img">
                          <img
                            src="http://pic.c-ctrip.com/VacationH5Pic/group_travel/index/001.png"
                            alt
                          />
                        </div>
                        <div className="edition_text">
                          <h3>
                            CityWalks城市徒步·发现上海[上海出发]韩国首尔+江原道4日跟团游(3钻)·明洞+乐天
                            1日+[上海出发]韩国首尔+江原道4日跟团游(3钻)·明洞+乐天
                            1日+[上海出发]韩国首尔+江原道4日跟团游(3钻)·明洞+乐天
                            1日+[上海出发]韩国首尔+江原道4日跟团游(3钻)·明洞+乐天
                            1日+[上海出发]韩国首尔+江原道4日跟团游(3钻)·明洞+乐天
                            1日+[上海出发]韩国首尔+江原道4日跟团游(3钻)·明洞+乐天
                            1日+
                          </h3>
                          <div className="basefix">
                            <span className="limited_sale_price">实时计价</span>
                          </div>
                        </div>
                      </a>
                    </li>
                    <li>
                      <a href="###">
                        <div className="sale_img">
                          <img
                            src="http://pic.c-ctrip.com/VacationH5Pic/group_travel/index/001.png"
                            alt
                          />
                        </div>
                        <div className="edition_text">
                          <h3>
                            [上海出发]韩国首尔+江原道4日跟团游(3钻)·明洞+乐天
                            1日+
                          </h3>
                          <div className="basefix">
                            <span className="limited_sale_price">
                              <dfn>¥</dfn>
                              <strong>2500</strong>
                              <em>起</em>
                            </span>
                          </div>
                        </div>
                      </a>
                    </li>
                    <li>
                      <a href="###">
                        <div className="sale_img">
                          <img
                            src="http://pic.c-ctrip.com/VacationH5Pic/group_travel/index/001.png"
                            alt
                          />
                        </div>
                        <div className="edition_text">
                          <h3>[上海出发]韩国首尔</h3>
                          <div className="basefix">
                            <span className="limited_sale_price">
                              <dfn>¥</dfn>
                              <strong>2500</strong>
                              <em>起</em>
                            </span>
                          </div>
                        </div>
                      </a>
                    </li>
                    <li>
                      <a href="###">
                        <div className="sale_img">
                          <img
                            src="http://pic.c-ctrip.com/VacationH5Pic/group_travel/index/001.png"
                            alt
                          />
                        </div>
                        <div className="edition_text">
                          <h3>
                            [上海出发]韩国首尔+江原道4日跟团游(3钻)·明洞+乐天
                            1日+
                          </h3>
                          <div className="basefix">
                            <span className="limited_sale_price">
                              <dfn>¥</dfn>
                              <strong>2500</strong>
                              <em>起</em>
                            </span>
                          </div>
                        </div>
                      </a>
                    </li>
                    <li>
                      <a href="###">
                        <div className="sale_img">
                          <img
                            src="http://pic.c-ctrip.com/VacationH5Pic/group_travel/index/001.png"
                            alt
                          />
                        </div>
                        <div className="edition_text">
                          <h3>
                            [上海出发]韩国首尔+江原道4日跟团游(3钻)·明洞+乐天
                            1日+
                          </h3>
                          <div className="basefix">
                            <span className="limited_sale_price">
                              <dfn>¥</dfn>
                              <strong>2500</strong>
                              <em>起</em>
                            </span>
                          </div>
                        </div>
                      </a>
                    </li>
                    <li>
                      <a href="###">
                        <div className="sale_img">
                          <img
                            src="http://pic.c-ctrip.com/VacationH5Pic/group_travel/index/001.png"
                            alt
                          />
                        </div>
                        <div className="edition_text">
                          <h3>
                            [上海出发]韩国首尔+江原道4日跟团游(3钻)·明洞+乐天
                            1日+
                          </h3>
                          <div className="basefix">
                            <span className="limited_sale_price">
                              <dfn>¥</dfn>
                              <strong>2500</strong>
                              <em>起</em>
                            </span>
                          </div>
                        </div>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
              <div className="edition_box">
                <h2 className="shop_title">
                  <span>店铺推荐</span>
                </h2>
                <div className="edition_item">
                  <ul className="basefix">
                    <li>
                      <a href="###">
                        <div className="sale_img">
                          <img
                            src="http://pic.c-ctrip.com/VacationH5Pic/group_travel/index/001.png"
                            alt
                          />
                        </div>
                        <div className="edition_text">
                          <h3>
                            CityWalks城市徒步·发现上海[上海出发]韩国首尔+江原道4日跟团游(3钻)·明洞+乐天
                            1日+[上海出发]韩国首尔+江原道4日跟团游(3钻)·明洞+乐天
                            1日+[上海出发]韩国首尔+江原道4日跟团游(3钻)·明洞+乐天
                            1日+[上海出发]韩国首尔+江原道4日跟团游(3钻)·明洞+乐天
                            1日+[上海出发]韩国首尔+江原道4日跟团游(3钻)·明洞+乐天
                            1日+[上海出发]韩国首尔+江原道4日跟团游(3钻)·明洞+乐天
                            1日+
                          </h3>
                          <div className="basefix">
                            <span className="limited_sale_price">实时计价</span>
                          </div>
                        </div>
                      </a>
                    </li>
                    <li>
                      <a href="###">
                        <div className="sale_img">
                          <img
                            src="http://pic.c-ctrip.com/VacationH5Pic/group_travel/index/001.png"
                            alt
                          />
                        </div>
                        <div className="edition_text">
                          <h3>
                            [上海出发]韩国首尔+江原道4日跟团游(3钻)·明洞+乐天
                            1日+
                          </h3>
                          <div className="basefix">
                            <span className="limited_sale_price">
                              <dfn>¥</dfn>
                              <strong>2500</strong>
                              <em>起</em>
                            </span>
                          </div>
                        </div>
                      </a>
                    </li>
                    <li>
                      <a href="###">
                        <div className="sale_img">
                          <img
                            src="http://pic.c-ctrip.com/VacationH5Pic/group_travel/index/001.png"
                            alt
                          />
                        </div>
                        <div className="edition_text">
                          <h3>[上海出发]韩国首尔</h3>
                          <div className="basefix">
                            <span className="limited_sale_price">
                              <dfn>¥</dfn>
                              <strong>2500</strong>
                              <em>起</em>
                            </span>
                          </div>
                        </div>
                      </a>
                    </li>
                    <li>
                      <a href="###">
                        <div className="sale_img">
                          <img
                            src="http://pic.c-ctrip.com/VacationH5Pic/group_travel/index/001.png"
                            alt
                          />
                        </div>
                        <div className="edition_text">
                          <h3>
                            [上海出发]韩国首尔+江原道4日跟团游(3钻)·明洞+乐天
                            1日+
                          </h3>
                          <div className="basefix">
                            <span className="limited_sale_price">
                              <dfn>¥</dfn>
                              <strong>2500</strong>
                              <em>起</em>
                            </span>
                          </div>
                        </div>
                      </a>
                    </li>
                    <li>
                      <a href="###">
                        <div className="sale_img">
                          <img
                            src="http://pic.c-ctrip.com/VacationH5Pic/group_travel/index/001.png"
                            alt
                          />
                        </div>
                        <div className="edition_text">
                          <h3>
                            [上海出发]韩国首尔+江原道4日跟团游(3钻)·明洞+乐天
                            1日+
                          </h3>
                          <div className="basefix">
                            <span className="limited_sale_price">
                              <dfn>¥</dfn>
                              <strong>2500</strong>
                              <em>起</em>
                            </span>
                          </div>
                        </div>
                      </a>
                    </li>
                    <li>
                      <a href="###">
                        <div className="sale_img">
                          <img
                            src="http://pic.c-ctrip.com/VacationH5Pic/group_travel/index/001.png"
                            alt
                          />
                        </div>
                        <div className="edition_text">
                          <h3>
                            [上海出发]韩国首尔+江原道4日跟团游(3钻)·明洞+乐天
                            1日+
                          </h3>
                          <div className="basefix">
                            <span className="limited_sale_price">
                              <dfn>¥</dfn>
                              <strong>2500</strong>
                              <em>起</em>
                            </span>
                          </div>
                        </div>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
            <div className="six_security_box">
              <dl className="six_security">
                {/* h5版本添加classname(.six_security_h5) */}
                <dt />
                <dd>透明团(仅跟团游)</dd>
                <dd>特殊原因退订保障</dd>
                <dd>自然灾害保障金</dd>
                <dd>旅游预警机制</dd>
                <dd>应急援助体系</dd>
                <dd>一站式旅游保险</dd>
              </dl>
            </div>
            <div className="no_more">没有更多结果了</div>
            <div className="base_loading">
              <i />
              <span>加载中</span>
            </div>
            <div className="wireless_failure">
              <div className="no_wifi">
                <i className="wifi_ico" />
                <p>网络不给力，请稍后再试试吧</p>
                <a className="try_again" href="###">
                  重试
                </a>
              </div>
              <div className="dial_service">
                <p>或者拨打携程客服电话</p>
                <a className="dial_btn" href="###">
                  联系客服
                </a>
              </div>
            </div>
            <div className="error">
              <i className="error_ico" />
              <p>没有找到符合条件的结果，</p>
              <p>请修改条件重新查询</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  )
}
